<template>
    <div class="settings-view">
        <div>
            <h2>{{msg}}</h2>
            <div>this is setting body</div>
        </div>
    </div>
</template>
<style lang="scss" scoped>
    .settings-view {
        background-color: #20884b;
        border-radius: 10px;
        margin: 10px;

        flex:1;
        display: flex;
        justify-content: center;

        > div{
              align-self: center;
              text-align: center;
              font-size: 40px;
              color: #fff;

        > h2{
              font-size: 100px;
              text-transform: uppercase;
          }
        }
    }
</style>
<script>
    export default{
        data(){
            return{
                msg:'hello vue'
            }
        },
        components:{
        }
    }
</script>
